<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Search</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../../resources/css/mui.css">
    <link rel="stylesheet" href="../../resources/css/style.css">
    <link rel="stylesheet" href="../../resources/css/product/search.css" />
    <link rel="stylesheet" href="../../resources/css/solution/list.css">
    <script src="../../resources/assets/mui.js"></script>
    <script src="../../resources/assets/avalon.js"></script>
    <script src="../../resources/assets/jquery-2.0.3.min.js"></script>
    <script src="../../resources/js/lang/en.js"></script>
    <script src="../../resources/js/dahua.config.js"></script>
    <script src="../../resources/js/common.js"></script>
    <script src="../../resources/js/product/search.js"></script>

</head>

<body ms-controller="listPage">
    <input type="hidden" value="" id="uid" />
    <!--头部-->
    <header class="mui-bar mui-bar-nav header">
        <div class="mui-row">
            <div class="mui-col-xs-1">
                <a class="mui-action-back mui-icon mui-icon-left-nav mui-icon-white"></a>
            </div>
            <div class="mui-col-xs-11">
                <div class="mui-input-row mui-search mui-active">
                    <input type="search" id="search" class="mui-input-clear search-input" langWord="p:product_ser_pl">
                </div>
            </div>
        </div>
    </header>

    <div id="content" class="mui-content" ms-visible="flag!=''">
        <div id="slider" class="mui-slider mui-fullscreen">
            <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                <a id="a_product" class="mui-control-item mui-active" href="#product">
						Product
					</a>
                <a id="a_solution" class="mui-control-item" href="#solution">
						Solution
					</a>
            </div>
            <div class="mui-slider-progress-bar mui-col-xs-6"></div>
            <div class="mui-slider-group">
                <div id="product" class="mui-slider-item mui-control-content mui-active">
                    <div id="product-list" class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            <div class='noData' ms-html="@noProductData"></div>
                            <ul class="mui-table-view">
                                <li href="pdp.html" class="mui-table-view-cell mui-media" ms-for='(i,product) in @products' ms-attr="{'id': @product.id}">
                                    <div class="mui-slider-handle">
                                        <img class="mui-media-object mui-pull-left" ms-attr="{src: @product.image}" onerror="imgError(this)">
                                        <div class="mui-media-body">
                                            {product.partnumber}
                                            <p class='mui-ellipsis'>
                                                {product.productName}
                                            </p>
                                        </div>
                                    </div>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
                <div id="solution" class="mui-slider-item mui-control-content">
                    <div id="solution-list" class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            <div class='noData' ms-html="@noSolutionData"></div>

                            <div class="mui-col-xs-12">
                                <a class="its_box" href="../solution/pdp.html" ms-for='(i,solution) in @solutions' ms-attr="{'id': @solution.id}">
                                    <img ms-attr="{src: @solution.image}">
                                    <p>{solution.title}</p>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <!--底部导航-->
    <footer class="mui-bar mui-bar-tab footer">
        <a id="defaultTab" data-id="1" class="mui-tab-item mui-active" href="category.html">
            <span class="mui-icon icon icon_product active"></span>
            <span class="mui-tab-label" langWord="t:index_Product">Product</span>
        </a>
        <a class="mui-tab-item" href="../solution/category.html">
            <span class="mui-icon icon icon_solution"></span>
            <span class="mui-tab-label" langWord="t:index_Solution">Solution</span>
        </a>
        <a id="partner" class="mui-tab-item mui-hidden" href="../partner/index.html">
            <span class="mui-icon icon icon_partner"></span>
            <span class="mui-tab-label" langWord="t:index_Partner">Partner</span>
        </a>
        <a class="mui-tab-item" href="../user/user.html">
            <span class="mui-icon icon icon_usercenter"></span>
            <span class="mui-tab-label" langWord="t:index_User_Center">User Center</span>
        </a>
    </footer>


</body>
	<!-- <script type="text/javascript" src="../../resources/js/common/jquery-3.2.1.js" ></script>
	<script type="text/javascript" src="../../resources/js/common/jquery.i18n.properties-min-1.0.9.js" ></script>
	<script type="text/javascript" src="../../resources/js/common/initLang.js" ></script> -->

</html>